<%--
  Created by IntelliJ IDEA.
  Author: Deng PengFei
  Date: 2021/8/14
  Time: 10:45
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <%--引入LayUI--%>
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <script src="../../layui/layui.js"></script>
    <script src="../../js/jquery-3.1.0.js"></script>
    <script src="../../js/FileSaver.js"></script>
    <script src="../../js/wordexport.js"></script>

    <style>
        body {
            background-color: #eeeeee;
        }

        .layui-row {
            padding: 10px;
            margin: 10px;
            background-color: white;
            border-radius: 5px;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }

        .layui-table-cell {
            height: 36px;
            line-height: 36px;
        }

        .layui-textarea {
            height: 150px;
        }

        .check-title {
            width: 140px;
            text-align: right;
        }

    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">


    <!-- 内容主体区域 -->
    <div class="layui-row">
            <span class="layui-breadcrumb">
             <a href="studentInfo.jsp">首页</a><a><cite>中期检查管理界面</cite></a>
            </span>
    </div>


    <%--老师课题盒子--%>
    <div class="layui-row">
        <%--老师课题信息表格--%>
        <table class="layui-hide" id="medium-teacher-table" lay-filter="medium-teacher-table"></table>

    </div>


</div>

</body>
<%--头部工具栏--%>
<div id="medium-teacher-table-toolbar" style="display: none">
    <div class="test-table-reload-btn">

        <div class="layui-inline" style="border: #009f95 solid 1px">
            <label for="queryKey"></label>
            <input class="layui-input" id="queryKey" autocomplete="off" placeholder="工号/姓名/课题名称">
        </div>

        <a class="layui-btn layui-btn-primary layui-border-green" lay-event="query">搜 索</a> <%--按字段查询--%>
        <a class="layui-btn layui-btn-primary layui-border-green" lay-event="queryAll">查询全部</a> <%--按字段查询--%>
        <div class="layui-inline" style="border: #009f95 solid 1px">
            <label for="major1"></label>
            <select id="major1" lay-verify="" class="layui-input">
                <option value="">--选择所属组织--</option>
                <option value="010">测试专业</option>
                <option value="021">测试专业</option>
                <option value="0571">测试时</option>
                <option value="0571">测试</option>
                <option value="0571">测试</option>
                <option value="0571">测试专业</option>
                <option value="0571">测试专业</option>
            </select>
        </div>
        <div class="layui-inline" style="border: #009f95 solid 1px">
            <label for="reportState"></label>
            <select id="reportState" lay-verify="" class="layui-input">
                <option value="">--选择所属状态--</option>
                <option value="未提交">未提交</option>
                <option value="审核中">审核中</option>
                <option value="已完成">已完成</option>
            </select>
        </div>

        <div class="layui-inline" style="float: right;line-height: 40px;font-size: 16px">
            <i class="layui-icon layui-icon-tips" style="color: #009688;font-size: 20px"></i> 操作按钮说明：
            <i class="layui-icon layui-icon-edit" style="color: #009688;font-size: 20px"></i>编写中期检查
            <i class="layui-icon layui-icon-search" style="color: #009688;font-size: 20px"></i>中期检查详情
            <i class="layui-icon layui-icon-export" style="color: #009688;font-size: 20px"></i>导向中期检查word文件
        </div>
    </div>

</div>

<%--审核--%>
<div id="check-table-tool" style="display: none">
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-radius  layui-btn-primary layui-border-green layui-btn-sm" lay-event="check">
            审核
        </button>
    </div>
</div>


<%--课题详情--%>
<div id="task-table-tool" style="display: none">
    <button class="layui-btn layui-btn-radius  layui-btn-primary layui-border-blue layui-btn-sm" lay-event="taskDetail">
        课题详情
    </button>
</div>


<%--任务书操作--%>
<div id="assignment-table-tool" style="display: none">
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm" title="编写中期检查"
                lay-event="edit-medium">
            <i class="layui-icon layui-icon-edit"></i>
        </button>
        <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm" title="中期检查详情"
                lay-event="query-medium">
            <i class="layui-icon layui-icon-search"></i>
        </button>
        <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm" title="导向中期检查word文件"
                lay-event="upload-medium-file">
            <i class="layui-icon layui-icon-export"></i>
        </button>
    </div>
</div>


<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>学生课题详情内容</h2></td>
        </tr>
        </thead>
        <tbody id="task-tbody">
        <tr>
            <td class="left">编号:</td>
            <td class="right" colspan="3" id="task-id"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="task-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="task-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="task-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="task-tno"></td>

        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        </tbody>
    </table>
</div>


<%--中期检查详情--%>


<div class="layui-row" id="query-report" style="display: none">
    <div class="layui-card">
        <div class="layui-card-header">
            <h2>查看中期检查详情</h2>
        </div>
        <div class="layui-card-body">
            <table class="layui-table" border="1">
                <tbody id="detail-tbody">
                </tbody>
                <tfoot>

                </tfoot>
            </table>
        </div>
    </div>
</div>


<%--审核中期检查--%>
<div class="layui-row" id="check-report" style="display: none">
    <div class="layui-card">
        <div class="layui-card-header">
            <h2>审核中期检查提交</h2>
        </div>
        <div class="layui-card-body">
            <table class="layui-table" border="1">
                <tbody id="check-tbody">
                <tr>
                    <td colspan="6">
                        <blockquote class="layui-elem-quote">
                            <h3>基本信息</h3>
                        </blockquote>
                    </td>
                </tr>

                <tr>
                    <td class="check-title">学生姓名：</td>
                    <td id="check-sName"></td>
                    <td class="check-title">学号：</td>
                    <td id="check-sNO"></td>
                    <td class="check-title">专业：</td>
                    <td id="check-major"></td>
                </tr>

                <tr>
                    <td class="check-title">课题名称：</td>
                    <td id="check-title" colspan="3"></td>
                    <td class="check-title">是否变化：</td>
                    <td id="check-isChange"></td>
                </tr>

                <tr>
                    <td class="check-title">变化原因：</td>
                    <td id="check-changeReason" colspan="5">论文无变化</td>
                </tr>

                <tr>
                    <td colspan="6">
                        <blockquote class="layui-elem-quote">
                            <h3>基本检查(一人一题,开题报告,文件调研)</h3>
                        </blockquote>
                    </td>
                </tr>

                <tr>
                    <td class="check-title">是否一人一题：</td>
                    <td id="check-isOne"></td>
                    <td class="check-title">是否进行开题报告：</td>
                    <td id="check-isReport"></td>
                    <td class="check-title">是否进行文件调研：</td>
                    <td id="check-isSurvey"></td>
                </tr>

                <tr>
                    <td class="check-title">拟解决问题：</td>
                    <td id="check-ques" colspan="5">无拟解决问题</td>
                </tr>

                <tr>
                    <td colspan="6">
                        <blockquote class="layui-elem-quote">
                            <h3>毕业设计进度检查</h3>
                        </blockquote>
                    </td>
                </tr>
                <tr>
                    <td class="check-title">论文进度情况：</td>
                    <td id="check-plan"></td>
                    <td class="check-title">论文延期滞后原因：</td>
                    <td id="check-planReason" colspan="3">论文没有延期滞后完成</td>
                </tr>

                <tr>
                    <td colspan="6">
                        <blockquote class="layui-elem-quote">
                            <h3>态度评价</h3>
                        </blockquote>
                    </td>
                </tr>

                <tr>
                    <td class="check-title">学生工作态度情况：</td>
                    <td id="check-stuManner"></td>
                    <td class="check-title">老师工作态度情况：</td>
                    <td id="check-tManner"></td>
                    <td class="check-title">中期质量：</td>
                    <td id="check-quality"></td>
                </tr>
                <tr>
                    <td class="check-title">审核结果：</td>
                    <td id="check-isPass" colspan="5">暂无审核结果</td>
                </tr>
                <tr>
                    <td class="check-title">审核意见：</td>
                    <td id="check-opinion1" colspan="5">暂无审核意见</td>
                </tr>




                </tbody>
                <tfoot>
                <tr>
                    <td colspan="6">
                        <blockquote class="layui-elem-quote">
                            <h3>
                                <span class="layui-badge-dot"></span>
                                中期检查审核
                            </h3>
                        </blockquote>
                    </td>
                </tr>
                <tr>
                    <td class="check-title">
                        <label for="check-opinion">审核意见：</label>
                    </td>
                    <td colspan="5" id="detail-opinion">
                        <textarea id="check-opinion" placeholder="输入审核意见" class="layui-textarea"
                                  lay-verify="required"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="6" style="text-align: center">
                        <button class="layui-btn layui-btn-primary layui-border-green layui-btn-radius"
                                id="check-pass">
                            <i class="layui-icon layui-icon-ok-circle" style="font-size: 20px"></i> 通过
                        </button>
                        <button class="layui-btn layui-btn-primary layui-border-red layui-btn-radius"
                                id="check-no-pass">
                            <i class="layui-icon layui-icon-close-fill" style="font-size: 20px;"></i>
                            不通过
                        </button>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>


<%--填写中期检查--%>
<div class="layui-row" id="medium-box" style="display: none">
    <!-- 学生基本信息 -->

    <!-- 任务书表单 -->
    <div class="layui-col-lg12">
        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size: 20px;padding: 10px;">
                    <strong>中期检查</strong>
                </div>
                <div class="layui-card-body" style="padding: 15px;">
                    <form class="layui-form" action="" method="post">

                        <!-- 选题是否有变化 -->
                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                学生基本信息：
                            </blockquote>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-col-lg12" style="font-size: 16px;margin-top: 20px;">
                                <div class="layui-col-lg3">
                                    <strong> <label for="sName">学生姓名:</label></strong>
                                    <input type="text" name="sName" readonly id="sName" class="layui-input">
                                </div>
                                <div class="layui-col-lg3">
                                    <strong><label for="sNO">学号:</label></strong>
                                    <input type="text" readonly name="SNO" id="sNO" class="layui-input">
                                </div>
                                <div class="layui-col-lg3">
                                    <strong><label for="major">专业:</label></strong>
                                    <input type="text" readonly name="major" id="major" class="layui-input">
                                </div>
                                <div class="layui-col-lg3">
                                    <strong><label for="title"></label>课题名称:</strong>
                                    <input type="text" readonly name="title" id="title" class="layui-input">
                                </div>
                            </div>
                        </div>


                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                选题是否有变化：
                            </blockquote>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">选题是否有变化</label>
                            <div class="layui-input-block">
                                <input type="radio" name="isChange" value="是" title="是">
                                <input type="radio" name="isChange" value="否" title="否" checked>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">选题如有变化，请填写原因：</label>
                            <div class="layui-input-block">
                                <label>
                                    <textarea name="ChangeReason" placeholder="选题如有变化，请填写原因"
                                              class="layui-textarea"></textarea>
                                </label>
                            </div>
                        </div>

                        <!-- 一、基本检查(一人一题,开题报告,文件调研)： -->
                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                基本检查(一人一题,开题报告,文件调研)
                            </blockquote>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">是否一人一题</label>
                            <div class="layui-input-block">
                                <input type="radio" name="isOne" value="是" title="是" checked>
                                <input type="radio" name="isOne" value="否" title="否">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">是否进行了开题报告</label>
                            <div class="layui-input-block">
                                <input type="radio" name="isReport" value="是" title="是" checked>
                                <input type="radio" name="isReport" value="否" title="否">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">是否进行了文件调研</label>
                            <div class="layui-input-block">
                                <input type="radio" name="isSurvey" value="是" title="是" checked>
                                <input type="radio" name="isSurvey" value="否" title="否">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">拟解决的关键问题</label>
                            <div class="layui-input-block">
                                <label>
                                    <textarea name="ques" placeholder="拟解决的关键问题" class="layui-textarea"></textarea>
                                </label>
                            </div>
                        </div>


                        <!-- 一、基本检查(一人一题,开题报告,文件调研)： -->
                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                毕业设计进度检查
                            </blockquote>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">论文进度情况</label>
                            <div class="layui-input-block">
                                <input type="radio" name="plan" value="提前完成" title="提前完成">
                                <input type="radio" name="plan" value="正常进行" title="正常进行" checked>
                                <input type="radio" name="plan" value="延期滞后" title="延期滞后(并在下填写原因)">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">延期滞后原因</label>
                            <div class="layui-input-block">
                                <label>
                                    <textarea name="plan-reason" placeholder="延期滞后原因" class="layui-textarea"></textarea>
                                </label>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                学生态度评价
                            </blockquote>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">学生工作态度情况</label>
                            <div class="layui-input-block">
                                <input type="radio" name="stuManner" value="认真" title="认真" checked>
                                <input type="radio" name="stuManner" value="较认真" title="较认真">
                                <input type="radio" name="stuManner" value="一般" title="一般">
                                <input type="radio" name="stuManner" value="不认真" title="不认真">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">老师工作态度情况</label>
                            <div class="layui-input-block">
                                <input type="radio" name="tManner" value="认真" title="认真" checked>
                                <input type="radio" name="tManner" value="较认真" title="较认真">
                                <input type="radio" name="tManner" value="一般" title="一般">
                                <input type="radio" name="tManner" value="不认真" title="不认真">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">中期质量</label>
                            <div class="layui-input-block">
                                <input type="radio" name="quality" value="好" title="好" checked>
                                <input type="radio" name="quality" value="中" title="中">
                                <input type="radio" name="quality" value="差" title="差">
                            </div>
                        </div>
                        <div class="layui-form-item layui-layout-admin">
                            <div class="layui-input-block">
                                <button class="layui-btn">保存</button>
                                <button class="layui-btn" lay-submit
                                        lay-filter="add-medium-btn">立即提交
                                </button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    let USERNAME;
    $(function () {
        USERNAME = '${sessionScope.userName}';
    });
</script>
<script src="js/common.js"></script>
<script src="js/medium.js"></script>


</html>
